<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../static/Mall/css/index.css">
    <link rel="stylesheet" href="../../static/Mall/css/css/normalize.css">
    <link rel="stylesheet" href="../../static/Mall/iconfont/iconfont.css">
    <!-- 轮播图 -->
    <link rel="stylesheet" href="../../static/plugins/css/swiper-bundle.min.css">

    <style type="text/css">
        a:link {color:#000000;}      /* 未访问链接*/
        a:visited {color:#000000;}  /* 已访问链接 */
        a:hover {color: #0000FF;}  /* 鼠标移动到链接上 */
        a:active {color:#0000FF;}  /* 鼠标点击时 */
    </style>

</head>

<body>
    <!-- 头部 -->
    <div id="header" class="container">
        <ul>
            <li><a href="">三松官网</a></li>
            <li><a href="">盖乐仕社区</a></li>
            <li>三松网上商城VIP用户专属服务上线 <span class="iconfont icon-jiantou_youshang_o"></span> </li>
            <li> <span class="iconfont icon-dianhua"></span> 400 011 88999</li>
        </ul>
    </div>

    <!-- 导航栏 -->
    <!-- 轮播 -->
    <div id="nav" class="container">
        <!-- 上半可见部分 -->
        <div class="top clearfix">
            <div class="logo">
                <img class="img" src="../../static/Mall/img/sansong.jpg" alt="">
            </div>
            <ul>
                <li>智能手机</li>
                <li>平板/存储</li>
                <li>可穿戴设备</li>
                <li>智能产品配件</li>
                <li>电视/影音/显示器</li>
            </ul>
            <div class="search">
                <div class="scount">
                    <input type="text">
                    <span class="iconfont icon-sousuoxiao"></span>
                </div>
                <div class="car">
                    <span class="iconfont icon-denglu"></span>
                    <a href="login.html" class="loginIn">
                        登录/注册
                    </a>
                </div>

            </div>
        </div>

        <!-- 轮播部分 -->
        <div class="wrap">
            <!-- 下拉部分改为轮播 -->
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="../../static/Mall/img/1.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="../../static/Mall/img/2.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="../static/3.png" alt=""></div>
                    <div class="swiper-slide"><img src="../static/4.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="../static/5.jpg" alt=""></div>
                    
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination">

                </div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>

                <!-- 如果需要滚动条 -->
                <div class="swiper-scrollbar"></div>
            </div>
        </div>
        <!-- 隐藏的下拉 -->
        <!-- 下拉部分 -->
        <div id="appear" class="bottom container" style="height: 0px;">
            <div class="title">
                <h3>智能手机</h3>
                <span class="iconfont icon-guanbi"></span>
            </div>
            <ul class="left">
                <li>三星 W <p>></p>
                </li>
                <li>Galaxy Z</li>
                <li>Galaxy S</li>
                <li>Galaxy Note</li>
                <li>Galaxy A</li>
                <li>Galaxy F</li>
            </ul>
            <ul class="center">
                <li>全系列产品</li>
                <li>三星W22 5G</li>
                <li>三星W21 5G</li>
            </ul>
            <div class="right">
                <div class="picture">
                    <img src="../static/phone.png" alt="">
                </div>
                <h2>Galaxy S22 系列</h2>
                <a href="">了解更多</a>
            </div>
        </div>
    </div>

    <!-- 下方功能部分 -->
    <div id="domain" class="container">
        <div class="pic">
            <div>
                <img src="https://image.samsungeshop.com.cn/act/20210421/41fa3f36b0094b769d1abf7e3a8ed894.png" alt="">
            </div>
            <p>智能手机</p>
        </div>
        <div class="pic">
            <div>
                <img src="https://image.samsungeshop.com.cn/act/20210421/878a15b219a6436199b3ac660e1cd725.png" alt="">
            </div>
            <p>智能平板</p>
        </div>
        <div class="pic">
            <div>
                <img src="https://image.samsungeshop.com.cn/act/20210421/f6754e3cf5234b7da22b5b753944f637.png" alt="">
            </div>
            <p>可穿戴设备</p>
        </div>
        <div class="pic">
            <div>
                <img src="https://image.samsungeshop.com.cn/act/20210520/5ddf2eb5d0d64a59be8155a289862af4.png" alt="">
            </div>
            <p>智能配件</p>
        </div>
        <div class="pic">
            <div>
                <img src="https://image.samsungeshop.com.cn/act/20210421/3ab400c557b04a559ccc4787e35158a6.png" alt="">
            </div>
            <p>电视</p>
        </div>
        <div class="pic">
            <div>
                <img src="https://image.samsungeshop.com.cn/act/20210421/f617a2bdc6d549149fd79a44ea463ca8.png" alt="">
            </div>
            <p>存储产品</p>
        </div>
        <div class="pic">
            <div>
                <img src="https://image.samsungeshop.com.cn/act/20210421/2973b85e055845ae96b3a5ea99cb56b1.png" alt="">
            </div>
            <p>显示器</p>
        </div>
        <div class="pic">
            <div>
                <img src="https://image.samsungeshop.com.cn/act/20210421/c18656c2426e4c3f9539a644607b0e58.png" alt="">
            </div>
            <p>影音产品</p>
        </div>
    </div>

    <!-- 下方渲染商品列表 -->
    <div id="goods" class="container">
        <!-- <div class="displayGood">
            <div>
                <img src="https://image.samsungeshop.com.cn/goods/20210411/519e1f910c454dec801d527b326a959c.jpg" alt="">
            </div>
            <p class="One">江西辣典100了好吃好吃haochi haifh ui</p>
            <p class="price">￥<span>655</span></p>
            <button>立即抢购</button>
        </div> -->
        <!-- 渲染 -->
    </div>

    <!-- 加载更多按钮 -->
    <div class="more-wrapper container">
        <button class="more">查看更多</button>
    </div>

    <!-- 关于我们 -->
    <div id="aboutUs" class="clearfix container">
        <ul class="lf">
            <li><a href="#"><span>产品</span> </a></li>
            <li><a href="#">智能手机</a></li>
            <li><a href="#">平板/存储</a></li>
            <li><a href="#">可穿戴设备</a></li>
            <li><a href="#">智能产品配件</a></li>
            <li><a href="#">电视/影音/显示器</a></li>
        </ul>
        <ul class="lf">
            <li><a href="#"><span>我的三松</span> </a></li>
            <li><a href="#">我的订单</a></li>
            <li><a href="#">我的积分</a></li>
            <li><a href="#">优惠券</a></li>
            <li><a href="#">个人资料</a></li>
            <li><a href="#">收货地址</a></li>
        </ul>

        <ul class="lf">
            <li><a href="#"><span>网上商城指南</span> </a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">三松网上商城账号</a></li>
            <li><a href="#">产品和订单</a></li>
            <li><a href="#">商城支付及发票</a></li>
        </ul>

        <ul class="lf">
            <li><a href="#"><span>网上商城指南</span> </a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">三松网上商城账号</a></li>
            <li><a href="#">产品和订单</a></li>
            <li><a href="#">商城支付及发票</a></li>
            <li><a href="#">三松专属管家服务</a></li>
            <li><a href="#">物流</a></li>
            <li><a href="#">售后服务</a></li>
        </ul>

        <ul class="lf">
            <li><a href="#"><span>服务支持</span> </a></li>
            <li><a href="#">关于商城</a></li>
            <li><a href="#">关于松星</a></li>
            <li><a href="#">售后网点查询</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
        <div class="lr clearfix">
            <h4 class="lf">关注我们</h4>
            <p class="lr"> 官方微博</p>
            <div class="lf box">
                <div><img src="../../static/Mall/img/wchart.png" alt=""></div>
                <h5>官方微信</h5>
            </div>
            <div class="lr box">
                <div><img src="../../static/Mall/img/wchart.png" alt=""></div>
                <h5>官方微博</h5>
            </div>

        </div>
    </div>
    </div>
    

    <!-- 页脚部分 -->
    <div id="footer" class="container">
        <p>Copyright©2005-2018 sanxing.cn 版权所有 三松（中国）投资有限公司版权所有</p>
        <p>京ICP证080047号[京ICP备18036817号-6] 文网文[2009]024号 新出网证（京）字069号 营业执照</p>
        <p class="special"> <img src="../../static/Mall/img/hui.png"> 京公网安备 11010502037127号</p>
    </div>

    <!-- 固定用户反馈 返回顶部 -->
    <div id="feedback">
        <p>用户</p>
        <p>反馈</p>
    </div>
    <a id="back" href="">
        <div id="top">
            <p>返回</p>
            <p>顶部</p>
        </div>
    </a>

    <script src="../../static/plugins/swiper-bundle.min.js"></script>
    <script src="../../static/Mall/js/index.js"></script>
</body>

</html>